<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <title>Futura OS Screenshots</title>
	<link rel="stylesheet" type="text/css" href="css/login.css" />
	<script language="JavaScript" type="text/javascript">
        var interval = 5000;
        var random_display = 0;
        var imageDir = "images/screenshots/";

        var imageNum = 0;
        imageArray = new Array();
        imageArray[imageNum++] = new imageItem(imageDir + "desktop-screenshot1.png");
        imageArray[imageNum++] = new imageItem(imageDir + "desktop-screenshot2.png");
        imageArray[imageNum++] = new imageItem(imageDir + "desktop-screenshot3.png");
        imageArray[imageNum++] = new imageItem(imageDir + "desktop-screenshot4.png");
        imageArray[imageNum++] = new imageItem(imageDir + "desktop-screenshot5.png");

        var totalImages = imageArray.length;

        function imageItem(image_location) {
            this.image_item = new Image();
            this.image_item.src = image_location;
        }
        function get_ImageItemLocation(imageObj) {
            return(imageObj.image_item.src)
        }

        function getNextImage() {
            imageNum = (imageNum+1) % totalImages;
            var new_image = get_ImageItemLocation(imageArray[imageNum]);
        return(new_image);
        }

        function switchImage(place) {
            var new_image = getNextImage();
            document[place].src = new_image;
            var recur_call = "switchImage('"+place+"')";
            timerID = setTimeout(recur_call, interval);
            }
    </script>
</head>
<body onload="switchImage('slideImg')">
	<br /><br />
   <center><img name="slideImg" src="images/screenshots/desktop-screenshot.png" width="800" height="600" border="0" alt="Slide Show" /></center>

</body>
</html>